/**
 * eadmin / www.eadmin.net
 * 
 * 进度条
 */
/**
 * eadmin / www.eadmin.com.cn
 * 
 * 全局配置
 */
/**
 * ================= 颜色设置 ==================
 */
/**
 * ================= 字体设置 ==================
 */
/**
 * ================= 通用方法 ==================
 */
.progress {
  height: 30px;
  position: relative;
}
.progress .bg,
.progress .percent,
.progress .point {
  border-radius: 50px;
  position: absolute;
  top: 10px;
  left: 0;
  height: 10px;
}
.progress .bg {
  width: 100%;
  background: #4E5675;
  font-size: 12px;
}
.progress .percent {
  background: -moz-linear-gradient(left, #66b5ff, #0084FF);
  background: -webkit-linear-gradient(left, #66b5ff, #0084FF);
  background: -o-linear-gradient(left, #66b5ff, #0084FF);
  box-shadow: #060916 0px 0px 10px;
}
.progress .point {
  width: 100%;
  line-height: 10px;
  font-size: 12px;
  text-align: center;
}
.progress .color-1 {
  background: -moz-linear-gradient(left, #92ff35, #76FF02);
  background: -webkit-linear-gradient(left, #92ff35, #76FF02);
  background: -o-linear-gradient(left, #92ff35, #76FF02);
}
.progress .color-2 {
  background: -moz-linear-gradient(left, #ff4b6d, #FF1844);
  background: -webkit-linear-gradient(left, #ff4b6d, #FF1844);
  background: -o-linear-gradient(left, #ff4b6d, #FF1844);
}
.progress .color-3 {
  background: -moz-linear-gradient(left, #ffff34, #FFFF01);
  background: -webkit-linear-gradient(left, #ffff34, #FFFF01);
  background: -o-linear-gradient(left, #ffff34, #FFFF01);
}
.progress .color-4 {
  background: -moz-linear-gradient(left, #ffa534, #FF8E01);
  background: -webkit-linear-gradient(left, #ffa534, #FF8E01);
  background: -o-linear-gradient(left, #ffa534, #FF8E01);
}
.progress .color-5 {
  background: -moz-linear-gradient(left, #97f5c7, #69F0AE);
  background: -webkit-linear-gradient(left, #97f5c7, #69F0AE);
  background: -o-linear-gradient(left, #97f5c7, #69F0AE);
}
.progress .color-6 {
  background: -moz-linear-gradient(left, #e872fd, #E040FC);
  background: -webkit-linear-gradient(left, #e872fd, #E040FC);
  background: -o-linear-gradient(left, #e872fd, #E040FC);
}
.progress .color-7 {
  background: -moz-linear-gradient(left, #80d3fa, #4FC2F8);
  background: -webkit-linear-gradient(left, #80d3fa, #4FC2F8);
  background: -o-linear-gradient(left, #80d3fa, #4FC2F8);
}
.progress .color-8 {
  background: -moz-linear-gradient(left, #adbcc4, #90A4AE);
  background: -webkit-linear-gradient(left, #adbcc4, #90A4AE);
  background: -o-linear-gradient(left, #adbcc4, #90A4AE);
}
.progress .color-9 {
  background: -moz-linear-gradient(left, #51adf6, #2196F3);
  background: -webkit-linear-gradient(left, #51adf6, #2196F3);
  background: -o-linear-gradient(left, #51adf6, #2196F3);
}
.progress .color-10 {
  background: -moz-linear-gradient(left, #fe7e55, #FE5722);
  background: -webkit-linear-gradient(left, #fe7e55, #FE5722);
  background: -o-linear-gradient(left, #fe7e55, #FE5722);
}
.progress .color-11 {
  background: -moz-linear-gradient(left, #ffce3a, #FFC107);
  background: -webkit-linear-gradient(left, #ffce3a, #FFC107);
  background: -o-linear-gradient(left, #ffce3a, #FFC107);
}
.progress .color-12 {
  background: -moz-linear-gradient(left, #ff74a3, #FF4181);
  background: -webkit-linear-gradient(left, #ff74a3, #FF4181);
  background: -o-linear-gradient(left, #ff74a3, #FF4181);
}
